<!DOCTYPE html>
<html>

<head>
<title>Logo Quiz</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>

<body>
	<div id="menu">
		<ul>
			<?php
				$db = mysql_connect('localhost','root');
				mysql_select_db('answer_sheet',$db);
				$ans = mysql_query('select link from answer_table');
				$id = 0;
				while ($row = mysql_fetch_array($ans)) {
					$temp = "'" . $row['link'] . "'";
					echo '<li><img id="' . $id . '" src="' . $row['link'] . '" width="100%" onclick="display(' . $temp . ')"></li>';
					$id++;
				}
				mysql_close($db);
			?>
		</ul>
	</div>
	<div id="content">
		<h1 class="title">Welcome to Logo Quiz!</h1>
		<p style="padding:0"><img id="imgDisplay" src="pic/splash.jpg" /></p>
		<p id="panswer"></p>
		<form id="fanswer" onsubmit="return false"></form>
		<p style="text-align:right;padding:50px">
			Score: <a id="score"></a>
			<br />
			<img id = "resetb" src = "pic/resetb.jpg" width = "50px" onclick = "reset()">
		</p>
	</div>
</body>

</html>